<template>
  <table
    class="m-table"
    border="1"
    cellpadding="0"
    cellspacing="0"
    style="width:1190px;border:none; text-align:center;"
  >
    <tr>
      <td colspan="6">
        <p class="title">
            {{h1}}
        </p>
      </td>
    </tr>
    <tr>
      <td colspan="6"><p class="title">{{h2}}</p></td>
    </tr>
    <tr class="content-text">
      <td>合同段:</td>
      <td colspan="2">{{htdpart}}</td>
      <td>起讫桩号:</td>
      <td colspan="2">{{qqzhNumber}}</td>
    </tr>
  </table>
</template>

<script>
export default {
  name: 'table-header',
  data () {
    return {

    };
  },
  props: {
    h1: {
      type: String,
      required: true
    },
    h2: {
      type: String,
      required: true
    },
    htdpart: {
      type: String,
      required: true
    },
    qqzhNumber: {
      type: String,
      required: true
    }
  }
};
</script>
<style lang="less" scoped>
@import '../assets/css/common.css';

</style>
